<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
 <head>
 	<title> new document </title>
	<meta charset='UTF-8' />
 	<style type='text/css'>
 		#div{ width:800px;height:500px;border:solid 1px red;margin:auto;position:relative; }
		#on_top{ width:795px;height:50px;border:solid 1px #8080ff;margin:auto;line-height:50px;text-align:center;  }
		#left{ width:490px;height:350px;border:solid 1px #800080;float:left;text-align:center;position:relative; }
		#right{ width:300px;height:350px;border:solid 1px #80ffff;float:right;text-align:center;position:relative;line-height:50px; }
		#one{ width:300px;height:347px;border:solid 1px #ff0080;float:left;position:relative;line-height:50px; }
		#two{ width:180px;height:230px;border:solid 1px #400040;float:right;position:absolute;top:23%;left:62%; }
		#computer{ width:260px;height:250px;line-height:250px;position:absolute;top:20%;left:7%;font-size:150px;color:#ff8080; }
		#people{ width:260px;height:250px;line-height:250px;position:absolute;top:20%;left:7%;font-size:150px;color:#ff8080; }
		/*#lower{ width:600px;height:80px;border:solid 5px red;position:absolute;top:81%;left:12%; }*/
		#start{ width:130px;height:45px;position:absolute;top:85%;left:20%; }
		#exit{ width:130px;height:45px;position:absolute;top:85%;left:60%; }
	</style>
	<script type='text/javascript' src='jquery/jquery-1.11.1.js'></script>
	<script type='text/javascript'>
		
	</script>
 </head>
 <body>
 	<div id='div'>
 		<div id='on_top'>比大小游戏</div>
		<div id='left'>
			<div id='one'>
				电脑
				<input id='computer' value='???' />
			</div>
			<div id='two'>
				分数
				<br />
				<br />
				<br />
				生命
			</div>
		</div>
		<div id='right'>
			玩家
			<input id='people' value='???' />
		</div>
		<button id='start'>开始</button>
		<button id='exit'>退出</button>
	</div>
 </body>
</html>
